<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>物资捐赠</title>
	<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
	<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
	<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/iconfont.css">

	<style>
        .form-group {
            padding-bottom: -10px;
        }

	</style>
</head>
<body>
<div class="top_text" style="margin-top: -10px">
	<h5 style="text-align: center">你好，欢迎你来到汇讯抗疫救灾互助平台</h5>
	<div style="float: right;display: flex;align-items: center;justify-content:center;margin-top: -30px;padding-right: 20%">
		<div style="">客户服务</div>
		<div>
			<a href="login.html">
				<button>登录</button>
			</a>
			<a href="regist.html">
				<button>注册</button>
			</a>
		</div>
	</div>

</div>
<div>
	<div style="display: flex;align-items: center;justify-content: center">
		<div style="text-align: left;position: absolute;left: 20%">
			<img src="./image/图片1.png" width="100" height="100">
		</div>
		<div style="text-align: center;margin-left:-260px">
			<h3>汇讯科学技术有限公司</h3>
		</div>
	</div>
</div>
<div style="position: absolute;background-color: crimson;width: 80%;left: 10%;height: 40px;margin-top: 30px">
	<div style="display: flex;justify-content: left;">
		<a href="index6.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">灾情地图</div>
		</a>
		<a href="index3.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">抗灾贴士</div>
		</a>
		<a href="index7.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">灾情资讯</div>
		</a>
		<a href="index.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">个人求助</div>
		</a>
		<a href="index4.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">物资流向</div>
		</a>
		<a href="index5.html">
			<div style="color: white;padding-left: 20px;line-height: 40px">物资捐赠</div>
		</a>
	</div>
	<!--        本div主要是复制手机物资捐赠情况-->
	<div style="display: flex;align-items: center;justify-content: left">
		<form role="form">
			<div class="form-group" style="margin-top: 20px">
				<div style="display: flex;align-items: center;justify-content: center">
					<label style="width: 160px">捐赠人姓名:</label>
					<input type="text" class="form-control" id="name" style="margin-left: -80px;width: 300px">
				</div>
			</div>
			<div class="form-group">
				<div style="display: flex;align-items: center;justify-content: center">
					<label style="width: 160px">&nbsp;&nbsp;&nbsp;工作单位:</label>
					<input type="text" class="form-control" id="name1" style="margin-left: -80px;width: 300px">
				</div>
			</div>
			<div class="form-group">
				<div style="display: flex;align-items: center;justify-content: center">
					<label style="width: 160px">&nbsp;&nbsp;&nbsp;物品名称:</label>
					<input type="text" class="form-control" id="name2" style="margin-left: -80px;width: 300px">
				</div>
			</div>
			<div class="form-group">
				<div style="display: flex;align-items: center;justify-content: center">
					<label style="width: 160px">&nbsp;&nbsp;&nbsp;物品数量:</label>
					<input type="text" class="form-control" id="name3" style="margin-left: -80px;width: 300px">
				</div>
			</div>
			<div class="form-group">
				<div style="display: flex;align-items: center;justify-content: center">
					<label style="width: 80px;margin-left: 40px">&nbsp;&nbsp;&nbsp;联系人:</label>
					<div style="margin-left: -10px">
						<select style="">
							<option>区委备协会 西宁路街道办A313室 3688995 赵静</option>
						</select>
					</div>

				</div>
			</div>
			<div class="form-group">
				<div style="display: flex;align-items: center;justify-content: center">
					<label style="width: 160px">捐赠人住址:</label>
					<input type="text" class="form-control" id="name5" style="margin-left: -80px;width: 300px">
				</div>
			</div>
			<div class="form-group">
				<div style="display: flex;align-items: center;justify-content: center">
					<label style="width: 160px;margin-left: -10px">方便捐赠时间:</label>
					<input type="text" class="form-control" id="name6" style="margin-left: -70px;width: 300px">
				</div>
				<div style="text-align: center;margin-left: 80px;color: red">
					填写格式如 2010-05-21 13:06:00-14:00:00
				</div>
			</div>
			<div class="form-group">
				<div style="display: flex;align-items: center;justify-content: center">
					<label style="width: 160px">联系的电话:</label>
					<input type="text" class="form-control" id="name7" style="margin-left: -80px;width: 300px">
				</div>
			</div>
			<div style="text-align: center;color: red">注意，不能超过150字</div>
			<div class="form-group">
				<div style="display: flex;align-items: center;justify-content: center">
					<label style="width: 160px">爱心留言:</label>
					<textarea rows="5px" cols="100px" class="form-control"></textarea>
				</div>
			</div>

		</form>
	</div>
</div>
</body>
<script>
    const duplicate1 = function (arr) {
        let res = {}
        arr.forEach(item => {
            item.sort((a, b) => a - b);
            res[item] = item;
        });
        return Object.values(res)
    }
    const arr = [
        [1, 2, 3, 4, 5, 6, 7, 8, 9],
        [[1, 2], [1, 2]],
        [[1, 2], [1, 2]],
        [2, 3, 4, 5],
        [6, 6, 6, 6],
    ]

    console.log("原数组", arr);
    const a = duplicate1(arr);
    console.log(a)
</script>
</html>
